<%@page import="java.awt.print.Printable"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<html>
<head>
<title>_${customer.customerName}_未处理订单</title>


<script type="text/javascript">

  
  var single_array=new Array();
  var multi_array=new Array();
  $(function() {
		$("#queryForm").validate(); 
		$("input[type='checkbox']").attr("checked",false);
		$("#_fromDate").datepicker({ format:'yyyy-mm-dd'});
		$("#_toDate").datepicker({ format:'yyyy-mm-dd'});
  });
  
  //全选事件
  function myCheckedAll(item){
	$("input[name='"+item+"_myChecked']").attr("checked",$("#"+item+"_myCheckedAll").is(":checked"));
  }

  //单选事件	
  function myChecked(type,item) {
	if ($("#"+type+"_check" + item).is(":checked")) {
	} else {
		$("#"+type+"_myCheckedAll").attr("checked", false);
	}
  }
  
  //显示or隐藏
  function showOrHide(flag,i){
	  var type;
	  if(flag==1){
		  type="single";
	  }else{
		  type="multi";
	  }
	  var temp=$("#"+type+"_batch_"+i);
	  
	  if(temp.css("display")=="table"){
		  temp.css("display","none");
	  }else{
		  $("[name='showOrHideDiv']").css("display","none");
		  temp.css("display","table");
	  }
	  
  }
  
  //预览作业批次_单件
  function preWorkBatch_single(){
      single_array.length=0;
      var preContent=$("#preContent_single");
      preContent.html("");
      
      var checkArray=$("input[name='single_myChecked']:checked");
      if(checkArray.length==0){
        //alert("请选择单件商品！");
        //请用alert_message替代alert方法，参数为：标题，内容，类型：info,error,success,自动隐藏的时间
        alert_message("操作错误:","请至少选择一个单件订单才能生成批次！","error",3000);
       
        return;
      }
      
     
      
      $("#single_preWorkBatch").trigger("click");
      
      checkArray.each(function(){
         var orderno=$(this).val();
          single_array.push(orderno);
      });
      
       var orderNum=$("#single_orderNum").val();
       var flag=0;
       var str="";
       var batchNum=0;
       for(i=0;i<single_array.length;i++){
          flag++;
          var orderno=single_array[i];
          var shopna=$("#single_shopna_"+orderno).html();
          var crtime=$("#single_crtime_"+orderno).html();
          
          if(flag%orderNum==1){
        	  str+="<table id='contentTable'  class='table table-bordered'>";
        	  str+="<thead><th style='vertical-align: middle; color: white; ' colspan=4 bgcolor='#8EB4CB'>单件作业批次（"+(++batchNum)+"）<a href='#' class='btn btn-small btn-info' onclick='showOrHide(1,"+batchNum+");'>点击查看</a></th></thead>";
        	  str+="</table>";
        	  str+="<table id='single_batch_"+batchNum+"' name='showOrHideDiv' style='display:none; margin-top: -20px;' class='table table-bordered'>";
        	  str+="<thead><tr><th>序号</th><th>订单号</th><th>来源店铺</th><th>审单时间 </th></tr></thead><tbody>";
          }
          
       	  str+="<tr>";
       	  str+="<td>"+flag+"</td>";
       	  str+="<td>"+orderno+"</td>";
       	  str+="<td>"+shopna+"</td>";
       	  str+="<td>"+crtime+"</td>";
       	  str+="</tr>";
          
          if(flag%orderNum==0){
        	  str+="</tbody></table>";
          }
       }
       preContent.html(str);
  } 
  
  //预览作业批次_多件
  function preWorkBatch_multi(){
	  multi_array.length=0;
	  var preContent=$("#preContent_multi");
      preContent.html("");
      
      var checkArray=$("input[name='multi_myChecked']:checked");
      if(checkArray.length==0){
        //alert("请选择多件订单！");
        alert_message("操作错误:","请至少选择一个多件订单才能生成批次！","error",3000);
        return;
      }
      
     
      
      $("#multi_preWorkBatch").trigger("click");
      
      checkArray.each(function(){
         var orderno=$(this).val();
         multi_array.push(orderno);
      });
      
       var orderNum=$("#multi_orderNum").val();
       var flag=0;
       var str="";
       var batchNum=0;
       for(i=0;i<multi_array.length;i++){
          flag++;
          var orderno=multi_array[i];
          var shopna=$("#multi_shopna_"+orderno).html();
          var crtime=$("#multi_crtime_"+orderno).html();
          
          if(flag%orderNum==1){
        	  str+="<table id='contentTable'  class='table table-bordered'>";
        	  str+="<thead><th style='vertical-align: middle; color: white; ' colspan=4 bgcolor='#8EB4CB'>多件作业批次（"+(++batchNum)+"）<a href='#' class='btn btn-small btn-info' onclick='showOrHide(2,"+batchNum+");'>点击查看</a></th></thead>";
        	  str+="</table>"
        	  str+="<table id='multi_batch_"+batchNum+"' name='showOrHideDiv' style='display:none; margin-top: -20px;' class='table table-bordered'>";
        	  str+="<thead><tr><th>序号</th><th>订单号</th><th>来源店铺</th><th>审单时间 </th></tr></thead><tbody>";
          }
          
       	  str+="<tr>";
       	  str+="<td>"+flag+"</td>";
       	  str+="<td>"+orderno+"</td>";
       	  str+="<td>"+shopna+"</td>";
       	  str+="<td>"+crtime+"</td>";
       	  str+="</tr>";
          
          if(flag%orderNum==0){
        	 str+="</tbody></table>";
          }
       }
       preContent.html(str);
  } 
  
  //创建作业批次_单件
  function createWorkBatch_single(){
     var btn=$("#btn_createWorkBatch_single");
     btn.attr("disabled",true);
     btn.attr("class","btn");
     
     var number=$("#single_orderNum").val();//订单数量
     var ordenoSourceCode='${param._erpType}'=='' ? $("#ordenoSourceCode").val():'${param._erpType}';//平台类型
     var areaGroupLists=$("#areaGroupCodeSingle").val();
     var groupText=$("#areaGroupCodeSingle").find("option:selected").text();
     groupText=$.trim(groupText);
     areaGroupLists+="--"+groupText;
     var customerCode='${customerCode}';
     var singWarehouseCode=$("#multiWarehouseCode").val();
     var ordenos="";
     
     for(i=0;i<single_array.length;i++){
    	 if(""==ordenos){
    		 ordenos+=single_array[i];
    	 }else{
    		 ordenos+=":"+single_array[i];
    	 }
    	
     }
   
     $.ajax({
			type : 'post',
			url : '${ctx}/focusBatchTask/ajaxOrdenosCreateBatchTask',
			data : {
				orderType:'single',
			    number:number,
				customerCode:customerCode,
				ordenoSourceCode:ordenoSourceCode,
				areaGroupLists:areaGroupLists,
				ordenos:ordenos,
				warehouseCode:singWarehouseCode
			},
			dataType : 'json',
			success : function(data) {
			   if(data.status==1){
			     //alert("创建作业批次成功！");
			     
			     $("#btn_cancel_single").trigger("click");
			     $("#queryForm").submit();
			     alert_message("成功！","分拣批次已创建！","success",10000);
			   }else{
			    alert_message("失败！","未能成功创建分拣批次，请重新尝试！","error",10000);
			   }
			   btn.attr("disabled",false);
			   btn.css("class","btn-primary");
			   
			},
			error:function() {
				
				btn.attr("disabled",false);
				btn.css("class","btn-primary");
				alert_message("系统错误！","请检查网络连接是否正常！","error",10000);
			}
	  }); 
	      
	}
     
  //创建作业批次_多件
  function createWorkBatch_multi(){
     var btn=$("#btn_createWorkBatch_multi");
     btn.attr("disabled",false);
  
     var number=$("#multi_orderNum").val();
     var customerCode=$("#_customerCode").val();
     var ordenoSourceCode='${param._erpType}'==''? $("#ordenoSourceCode").val():'${param._erpType}';//平台类型
     var areaGroupLists=$("#areaGroupCodeSingle").val();
     var groupText=$("#areaGroupCodeSingle").find("option:selected").text();
     groupText=$.trim(groupText);
     areaGroupLists+="--"+groupText;
     var multiWarehouseCode=$("#multiWarehouseCode").val();
     var ordenos="";
     
     for(i=0;i<multi_array.length;i++){
    	 if(""==ordenos){
    		 ordenos+=multi_array[i];
    	 }else{
    		 ordenos+=":"+multi_array[i];
    	 }
     }
     
     $.ajax({
			type : 'post',
			url : '${ctx}/focusBatchTask/ajaxOrdenosCreateBatchTask',
			data : {
			    orderType:'multiple',
				number:number,
				customerCode:customerCode,
				areaGroupLists:areaGroupLists,
				ordenoSourceCode:ordenoSourceCode,
				ordenos:ordenos,
				warehouseCode:multiWarehouseCode
			},
			dataType : 'json',
			success : function(data) {
			   if(data.status==1){
			    
			     $("#btn_cancel_multi").trigger("click");
			     $("#queryForm").submit();
			     alert_message("成功！","分拣批次已创建！","success",10000);
			   }else{
			     alert_message("失败！","未能成功创建分拣批次，请重新尝试！","error",10000);
			   }
			   btn.attr("disabled",true);
			},
			error:function() {
				
				btn.attr("disabled",true);
				alert_message("系统错误！","请检查网络连接是否正常！","error",10000);
			}
	  }); 
  }
  
  //根据平台编码获取店铺信息
  function ajaxfindShopSource(item,type) {
		var value=(type==1? item:item.value);
		$.ajax({
					type : 'post',
					url : '${ctx}/v2/customers/ajaxfindShopSource',
					data : 'ordenoSourceCode=' + value+'&customerCode=${customer.customerCode}',
					dataType : 'json',
					success : function(data) {
					    var tempString="<option value=\"\">请选择";
						if (data.status == "1") {
							$.each(data.content,function(i){
							    tempString+="<option value="+data.content[i].shopCode+">"+data.content[i].shopName;
							});
						} 
                      $("#_shopCode").html(tempString);
                      $("#_shopCode").trigger("chosen:updated");
					},
					error : function() {
						alert_message("系统错误！","请检查网络连接是否正常！","error",10000);
					}
				});
	}
  
  function ajaxfindOrdenoSource(item) {
		customerCode=item.value;
		$.ajax({
					type : 'post',
					url : '${ctx}/v2/customers/ajaxfindOrdenoSource',
					data : 'customerCode=' + customerCode,
					dataType : 'json',
					success : function(data) {
					    var tempString="";
						if (data.status == "1") {
							$.each(data.content,function(i){
							    tempString+="<option value="+data.content[i].ordenoSourceCode+">"+data.content[i].ordenoSourceName;
							});
						} else {
							alert(data.content);
						}
                      $("#ordenoSourceCode").html(tempString);
                      $("#ordenoSourceCode").trigger("chosen:updated");
                      var ordenoSourceCode=$("#ordenoSourceCode").val();
                      ajaxfindShopSource(ordenoSourceCode,1);
					},
					error : function() {
						alert_message("系统错误！","请检查网络连接是否正常！","error",10000);
					}
				});
	}

  
  function ajaxHomeAreaGroup(item) {
		customerCode=item.value;
		$.ajax({
					type : 'post',
					url : '${ctx}/areaGroup/ajaxHomeAreaGroup',
					data : 'customerCode=' + customerCode,
					dataType : 'json',
					success : function(data) {
					  var tempString="";
						if (data.status == "1") {
							$.each(data.content,function(i){
							    tempString+="<option value="+data.content[i].groupCode+">"+data.content[i].groupName;
							});
						}else {
							alert(data.content);
						}
                    $("#areaGroupCodeSingle").html(tempString);
                    $("#areaGroupCodeSingle").trigger("chosen:updated");
					},
					error : function() {
						alert_message("系统错误！","请检查网络连接是否正常！","error",10000);
					}
				});
	}
	
	
$(window).load(function() {

//使用引导插件
        $('#joyRideTipContent').joyride({
          autoStart : true,
          timer: 2000,
          cookieMonster: true,           // true/false for whether cookies are used
          cookieName: 'WMS-unhandleOrder',         // choose your own cookie name
          cookieDomain: false,  
          modal:true,
          expose: true
        });
      });
      
    
	
</script>
</head>

<body>
<form class="form-search" id="queryForm" method="post" action="${ctx}/gather/query" style="margin-top: 10px;">
	<table class="table table-striped table-bordered table-condensed" style="margin-top: 0px;"  id="search-table-001">
		<thead>
			<th style="vertical-align: middle; color: white; " colspan="1" bgcolor="#999">订单筛选</th>
		</thead>
		<tr>
		   <td>          
		       <label style="margin-left: 10px;"><b>商家:</b></label>
				<select class="input-medium required"  id="_customerCode" name="_customerCode"  value="${param._customerCode}" style="width: 100px;" onchange="ajaxHomeAreaGroup(this);ajaxAreaGroup(this,'multiWarehouseCode');ajaxfindOrdenoSource(this)">
						<c:forEach items="${customers}" var="customer">
							<option value="${customer.customerCode}" <c:if test="${param._customerCode eq customer.customerCode }">selected=selected</c:if>>${customer.customerName}</option>
						</c:forEach>
				</select> 
				 <label style="margin-left: 10px;"><b>作业仓库:</b></label>
				 <select  name="_warehouseCode"  id="multiWarehouseCode"   class="input-small" style="width: 120px;">
				     <c:forEach items="${wmList}" var="wm">
						<option value="${wm.groupCode}" <c:if test="${param._warehouseCode eq wm.groupCode}">selected=selected</c:if> >${wm.groupName}</option>
					  </c:forEach>
				</select>
				<label><b>发往网点:</b></label>
						<select name="_areaGroupCode" class="input-small" style="width: 120px;" id="areaGroupCodeSingle">
							<c:forEach items="${areaGroups}" var="obj">
								<option value="${obj.groupCode}"
									<c:if test="${param._areaGroupCode eq obj.groupCode}">selected</c:if>> ${obj.groupName}
								</option>
							</c:forEach>
						</select>
				<label style="margin-left: 10px;">
				<a href="#" data-toggle="popover" title="订单批次策略" data-content="1.时间优先：按订单审核时间排序生成批次。2.SKU集中：尽可能将需求相同SKU的订单生成在同批次"><b>策略：</b></a>
				</label>
				<select class="input-medium"  id="_tacticsType" name="_tacticsType" style="width: 120px;">
				    <option value="skufirst"  <c:if test="${param._tacticsType eq 'skufirst'}">selected="selected"</c:if>>SKU集中策略</option>
					<option value="timefirst"  <c:if test="${param._tacticsType eq 'timefirst'}">selected="selected"</c:if>>时间优先策略</option>
					
				</select>
				
				<label style="margin-left: 10px;"> <b>平台: </b></label>
				<select name="_erpType" class="input-medium" style="width: 80px;" id="ordenoSourceCode" onchange="ajaxfindShopSource(this,2)">
							<c:forEach items="${ordenoSources}" var="obj">
								<option value="${obj.ordenoSourceCode}"
									<c:if test="${param._erpType eq obj.ordenoSourceCode}">selected</c:if>>
									${obj.ordenoSourceName}
								</option>
							</c:forEach>
				</select>
					
				<label style="margin-left: 10px;"><b>店铺:</b></label>
				<select class="input-medium"  id="_shopCode" name="_shopCode"   style="width: 150px;">
				        <option value=""></option>
						<c:forEach items="${shopList}" var="shop">
							<option value="${shop.shopCode}"
							  <c:if test="${param._shopCode eq shop.shopCode }">selected=selected</c:if>
							>${shop.shopName}</option>
						</c:forEach>
				</select> 
				
		        <label style="margin-left: 10px;"><b>快递公司:</b></label>
				<select class="input-medium"  id="_companyCode" name="_companyCode"   style="width: 80px;">
				        <option value=""></option>
						<c:forEach items="${cmpList}" var="obj">
							<option value="${obj.companyCode}"
							  <c:if test="${param._companyCode eq obj.companyCode }">selected=selected</c:if>>${obj.companyName}</option>
						</c:forEach>
				</select> 
		    
		   </td>
		</tr>
		<tr>
		<td>
			<label style="margin-left: 10px;"><b>时间：</b></label> 
			 <input type="text" name="_fromDate" id="_fromDate"  class="input-medium" value="${param._fromDate}" style="margin-left: -10px;width: 100px;" > 
			 <label><b>至：</b></label> 
			 	<input type="text" name="_toDate" id="_toDate" class="input-medium" value="${param._toDate}" style="margin-left: -10px;width: 100px;" >
				
			    <button class="btn btn-info" type="submit" style="margin-left: 10px;" id="select_bnt">搜索</button>
		</td>
		</tr>
		
	</table>
  </form>

<!--消息提醒-->  	

			<div id="message" class="alert alert-block hide fade in">
				<button type="button" class="close" data-dismiss="alert">&times;</button>
			   <h5 id="message-title">Warning</h5>
			   <span id="message-text"></span>
			</div>



	<div class="tabbable">
		<ul class="nav nav-tabs">
			<li class="${tab1}" id="single_bnt"><a href="#tab1" data-toggle="tab">单件订单 <c:if test="${singleList.size()>0}"><span class="badge badge-success">${singleList.size()}</span></c:if><span id="fold"></span> </a></li>
			<li class="${tab2}" id="multi_bnt"><a href="#tab2" data-toggle="tab">多件订单 <c:if test="${multiList.size()>0}"><span class="badge badge-success">${multiList.size()}</span></c:if><span id="unfold"></span> </a></li>
		</ul>

		<div class="tab-content">
		
            <!-- tab1 单件订单------------------------------------------------------------------------->   
			<div class="tab-pane ${tab1}" id="tab1">
				
		       <form class="form-search" style="margin-top: 2px;" >
		      
		         
			   
				
				<label style="margin-left: 10px;"><b>每批订单数:</b></label>
				<select class="input-small"  id="single_orderNum" name="single_orderNum" >
				        <option value="50">50</option>  
				        <option value="100">100</option>
				        <option value="200">200</option>
				        <option value="500">500</option>
				        <option value="1000">1000</option>
				        <option value="1500">1500</option>
				        <option value="2000">2000</option>
				 </select> 
				
				 <a id="create_batch" data-toggle="modal" role="button"  class="btn btn-primary" onclick="preWorkBatch_single();">生成分拣批次</a>
				 <a href="#preWorkBatch_single" data-toggle="modal" role="button" id="single_preWorkBatch" style="display: none;" class="btn btn-primary" ></a>
				 
		       </form>
				
				
				<table id="contentTable" class="table table-striped table-bordered table-condensed">
					<thead><tr>
					    <th>
					      <input type="checkbox" name="single_myCheckedAll" id="single_myCheckedAll" onclick="myCheckedAll('single')" />
					    </th>
					    <th>序号</th>
					    <th>商家编码</th>
					    <th>订单号</th>
					    <th>来源店铺</th>
					    <th>收货人</th>
					    <th>目的地</th>
					    <th>审单时间 </th>
					    <th>查询操作</th>
					</tr></thead>
				<tbody>
				<c:forEach items="${singleList}" var="o" varStatus="i">
					<tr>
					   <td align="right">
						  <input type="checkbox" name="single_myChecked" id="single_${o.ordeno}" value="${o.ordeno}" onclick="myChecked('single','${o.ordeno}')" class="no_001"/>
					   </td>
					   <td>${i.count}</td>
					   <td>${o.customerCode}</td>
					   <td id="single_ordeno_${o.ordeno}">${o.ordeno}</td>
					   <td id="single_shopna_${o.ordeno}">${o.shopna}</td>
					   <td id="single_recena_${o.ordeno}">${o.recena}</td>
					   <td id="single_provna_${o.ordeno}">${o.provna}</td>
					   <td id="single_crtime_${o.ordeno}">${fn:substring(o.crtime,0,19)}</td>
					   <td>
				      	 <a href="#ordersDetailed" onclick="getAjaxOrders('${o.id}')" role="button" class="btn btn-small" data-toggle="modal">订单详情 </a>
						 <a href="#itemsDetailed" onclick="getAjaxItems('${o.id}')" role="button" class="btn btn-small" data-toggle="modal"> 商品详情 </a>
					   </td>
					</tr>
				</c:forEach>
				</tbody>
			    </table>

			</div>

            <!-- tab2 多件商品------------------------------------------------------------------------->
			<div class="tab-pane ${tab2}" id="tab2">
				
				<form class="form-search" style="margin-top: 2px;" >
				
				
				<label style="margin-left: 10px;"><b>每批订单数:</b></label>
				 <select class="input-small"  id="multi_orderNum" name="multi_orderNum">
				        <option value="50">50</option> 
				        <option value="100">100</option>
				        <option value="200">200</option>
				        <option value="500">500</option>
				        <option value="1000">1000</option>
				        <option value="1500">1500</option>
				        <option value="2000">2000</option>
				 </select> 
				
				<a  data-toggle="modal" role="button"  class="btn btn-primary" onclick="preWorkBatch_multi();">生成分拣批次</a>
				<a href="#preWorkBatch_multi" data-toggle="modal" role="button" id="multi_preWorkBatch" style="display: none;" class="btn btn-primary" ></a>
				 
		       </form>
				
				<table id="contentTable" class="table table-striped table-bordered table-condensed">
					<thead><tr>
					    <th>
					      <input type="checkbox" name="multi_myCheckedAll" id="multi_myCheckedAll" onclick="myCheckedAll('multi')" />
					    </th>
					    <th>序号</th>
					    <th>商家编码</th>
					    <th>订单号</th>
					    <th>来源店铺</th>
					    <th>收货人</th>
					    <th>目的地</th>
					    <th>审单时间 </th>
					    <th>查询操作</th>
					</tr></thead>
				<tbody>
				<c:forEach items="${multiList}" var="o"  varStatus="i">
					<tr>
					   <td align="right">
						  <input type="checkbox" name="multi_myChecked" id="multi_${o.ordeno}" value="${o.ordeno}" onclick="myChecked('multi','${o.ordeno}')" />
					   </td>
					   <td>${i.count}</td>
					   <td>${o.customerCode}</td>
					   <td id="multi_ordeno_${o.ordeno}">${o.ordeno}</td>
					   <td id="multi_shopna_${o.ordeno}">${o.shopna}</td>
					   <td id="multi_recena_${o.ordeno}">${o.recena}</td>
					   <td id="multi_provna_${o.ordeno}">${o.provna}</td>
					   <td id="multi_crtime_${o.ordeno}">${fn:substring(o.crtime,0,19)}</td>
					   <td>
				      	 <a href="#ordersDetailed" onclick="getAjaxOrders('${o.id}')" role="button" class="btn btn-small" data-toggle="modal"> 订单详情 </a>
						 <a href="#itemsDetailed" onclick="getAjaxItems('${o.id}')" role="button" class="btn btn-small" data-toggle="modal"> 商品详情 </a>
					   </td>
					</tr>
				</c:forEach>
				</tbody>
			    </table>
		   </div>
		   
		</div>
		<!-- tab content -->

	</div>
	<!-- tab table -->
    
    <!-- 订单详细信息  窗体--> 
    <div style="display: none; width: 1000" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="ordersDetailed">
			<div class="modal-header">
				<h3>订单详细信息</h3>
			</div>
			<div class="modal-body">
				<table class="table table-striped table-bordered table-condensed" id="modalBodyOrders"></table>
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">关闭 </button>
			</div>
		</div>

        <!-- 商品详细信息 窗体 --> 
		<div style="display: none; width: 1000;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="itemsDetailed">
			<div class="modal-header">
				<h3>商品详细信息</h3>
			</div>
			<div class="modal-body">
				<table class="table table-striped table-bordered table-condensed" id="modalBodyItems"></table>
			</div>
			<div class="modal-footer">
			  <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
			</div>
		</div>
		
		<!-- 批次预览_单件 窗体 --> 
		<div style="display: none; width: 800px;  height: 500px;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="preWorkBatch_single" >
			<div class="modal-header">
				<h4>单件分拣批次 预览</h4>
			</div>
			<div class="modal-body" id="preContent_single" style="height: 400px;">
			</div>
			<div class="modal-footer">
			    <button id="btn_createWorkBatch_single" class="btn btn-success" aria-hidden="true" onclick="createWorkBatch_single();" >确定创建</button>  
				<button id="btn_cancel_single" class="btn" data-dismiss="modal" aria-hidden="true">返回</button>
			</div>
		</div>
		
		<!-- 批次预览_多件 窗体 --> 
		<div style="display: none; width: 800px;  height: 500px;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="preWorkBatch_multi" >
			<div class="modal-header">
				<h4>多件分拣批次 预览</h4>
			</div>
			<div class="modal-body" id="preContent_multi" style="height: 400px;">
			</div>
			<div class="modal-footer">
			    <button id="btn_createWorkBatch_multi" class="btn btn-success" aria-hidden="true" onclick="createWorkBatch_multi();"  >确定创建</button>  
				<button id="btn_cancel_multi" class="btn" data-dismiss="modal" aria-hidden="true">返回</button>
			</div>
		</div>
		
		
		
		  <!-- Tip Content -->
    <ol id="joyRideTipContent">
    <li data-text="开始引导">
        <h2>如何生成分拣批次？</h2>
        <p>亲，让我来告诉你如何生成集发宝分拣批次吧.</p>
      </li>
      <li data-id="search-table-001" data-text="继续">
        <h2>筛选出未分拣订单</h2>
        <p>你可用各类条件筛选出未分拣订单列表
        </p>
      </li>
      <li data-id="single_bnt" data-button="继续" data-options="tipLocation:top;tipAnimation:fade">
        <h2>单件和多件分别生成</h2>
        <p>需要依次生成单件订单和多件订单的分拣批次</p>
      </li>
      <li data-id="multi_bnt" data-button="继续" data-options="tipLocation:top;tipAnimation:fade">
        <h2>然后处理多件</h2>
        <p>单件和多件订单分别生成批次</p>
      </li>
       
      <li data-class="no_001" data-button="继续" data-options="tipLocation:right">
        <h2>选择要分拣的订单</h2>
        <p>请勾选您将要分拣的订单列表.</p>
      </li>
      
      <li data-id="areaGroupCodeSingle" data-button="继续" data-options="tipLocation:left">
        <h2>选择目的地包装仓</h2>
        <p>选择订单将发往那个能容分仓进行包装与发货</p>
      </li>
      <li data-id="single_orderNum" data-button="继续" data-options="tipLocation:left">
        <h2>选择每批最大订单数</h2>
        <p>假设您勾选了1000订单，每批订单数100，系统将自动生成10个批次</p>
      </li>
      <li data-id="create_batch" data-options="tipLocation:top" data-button="我知道啦">
        <h2>开始生成分拣批次</h2>
        <p>确认无误后点击按钮开始生成分拣批次!</p>
      </li>
    </ol>

		
		
</body>
</html>
